
/* HEADER
-------------------------------------------------------------- */
#header			{ border-bottom: 1px solid #eaeade;padding: 10px 0 15px; margin: 0 auto;}
#header h1 		{ width: 258px; height: 64px; overflow: hidden;}
#header h1 a 	{ width: 258px; height: 64px; overflow: hidden; text-indent: -9999px;background: url(images/logo.gif) no-repeat 0 -10px; display: block;}
#headerimg 		{ width: 280px; height: 65px; overflow: hidden; float: left;}

#nav				{ margin: 0; list-style-type: none; font-size: 1.4em; font-family: georgia,serif; color: #d3d3d3; float: right; padding: 22px 0;}
#nav li 			{ display:block; float:left; height:20px;}
#nav li a			{ float:left; height:15px; padding: 0 0 5px;}
#nav li.active a 	{ color: #ff6600; }

#badge strong { width: 15px; height: 18px; overflow: hidden; color: #fff; background: url(images/badge.gif) no-repeat; text-align: center; font-size: 11px; font-weight: normal; position: absolute; top: -4px; line-height: 11px; font-family: Georgia,serif; padding: 0 0 3px 0}

#subnav					{ list-style-type: none; margin: 0; float: right; padding: 55px 0; font-family: Arial, Helvetica, sans-serif;}
#subnav li				{ float: left;list-style-type: none; height: 40px;}
#subnav li	a			{ display: block; height: 40px; float: left; font-size: 11px; color: #888; padding: 0 0 0 25px;}
#subnav li	a b			{ display: block; font-size: 18px;letter-spacing: -1px; color: #7c5938; line-height: 18px;}
#subnav li.active a	b 	{  font-size: 34px; letter-spacing: -1px; line-height: 26px; color: #5E320B}

.coming-soon 			{ background: #F6F6EE url(images/coming-soon.jpg) no-repeat center 50px;}
.coming-soon #header	{ background: #fff;}
.coming-soon #headerimg { float: none; margin: 0 auto; width: 200px; overflow: hidden;}


/* BODY
-------------------------------------------------------------- */
#main 		{ background: #f6f6ee; border-bottom: 1px solid #eaeade;}

#banner			{ padding: 40px 0; background: url(images/banner-bg.gif) no-repeat right -12px;}
#banner h3		{ width: 610px; height: 83px; margin: 5px 0; background: url(images/banner.gif) no-repeat -7px top;}
#banner h3	a	{ width: 610px; height: 83px; text-indent: -9999px; overflow: hidden; display: block;}
#banner p		{ padding: 0 400px 0 0; margin: 0; font-size: 1.2em;line-height:150%;}

#sumup p,
#sumup ul li	{ font-size: 1.1em; line-height: 19px}
#sumup .date	{ font-size: 0.7em; line-height: 19px}
#sumup ul li a	{ font-weight: normal;}

#desc		{ padding: 50px 0 20px;}
#desc p		{ font-size: 1.2em; font-style: italic; line-height: 1.5em; border: 1px solid #DEDEC4; padding: 10px; font-family:  georgia,serif; background: #fff;}

#services		{ background: url(images/banner-bg.gif) no-repeat right -85px ;}

.item-s			{ border-top: 3px solid #5e320b; border-bottom: 1px solid #DEDEC4;  padding: 20px 0 0;}
.item-s h5		{ margin-bottom: 0.5em}
.item-cont		{ border-top: 1px solid #FFF; padding: 20px 0 40px; }
.service-item	{ padding: 20px 0;}
.inner			{ padding: 0 25px 20px 0;}
.inner p		{ font-size: 1.1em; line-height: 20px; }
.small			{ font-size: 0.9em; color: #666;  margin: 0; list-style-type: none;}
.small li		{ float: left; width: 150px; margin-right: 10px;padding: 2px 0;}
.small li.last	{ margin-right: 0}  

a.web-work,
a.identify-work	{ width: 209px; height: 31px; text-indent: -9999px; overflow: hidden; display: block; float: right;}
a.web-work		{ background: url(images/web-work.jpg) no-repeat;}
a.identify-work	{ background: url(images/identify-work.jpg) no-repeat;}
 
h2.services		{ width:246px; height:62px; background: url(images/services.gif) no-repeat;}
h2.services a	{ width:246px; height:62px; background: url(images/services.gif) no-repeat; text-indent: -9999px; overflow: hidden; display: block;}
h2.service-web	{ width:247px; height:40px; background: url(images/services-web.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden;}
h2.service-id	{ width:275px; height:40px; background: url(images/services-id.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden;}
h2.service-seo	{ width:600px; height:40px; background: url(images/services-seo.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden;}

ul.service-list	{ color:#999999;font-family:georgia;font-size:11px;line-height:21px;}

#about				{ background: url(images/about-bg.gif) no-repeat top right; padding: 20px 0;}
#about p			{ margin: 0 10px 1.5em 0; font-size: 1.1em; line-height: 20px;}
#about .sumup p		{ font-size: 1.3em; color: #5e320b; line-height: 150%;}

h2.about			{ width:291px; height:57px; background: url(images/about.gif) no-repeat; margin: 0 0 20px 0}
h2.about a			{ width:291px; height:57px; background: url(images/about.gif) no-repeat; text-indent: -9999px; overflow: hidden; display: block;}

#team				{ padding: 120px 0 0 0;}
#team dt			{ margin-right: 10px;}
#team dd.name		{ font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif; font-size: 1.2em; letter-spacing: -1px; font-weight: bold; color: #222;}
#team dd.position	{ font-family: georgia,serif; font-size: 1.1em;}
#team dt,#team dd	{ float: left;}
#team dd			{ margin: 0;}
#team .avatar 		{ padding: 1px; border: 1px solid #a3a382; background: #fff;}
#team h4			{ padding: 0 0 0 10px;}
#team ul			{ padding: 0 0 0 10px;}

h2.portfolio			{ width: 470px; height:160px; background: url(images/portfolio.gif) no-repeat; margin: 0}
h2.portfolio a			{ width: 470px; height:160px; background: url(images/portfolio.gif) no-repeat; text-indent: -9999px; overflow: hidden; margin: 0; display: block;}

#portfolio-web,
#portfolio-identify		{ padding: 0 0 40px} 

h3.title				 			{ font-size: 0.9em; display: block; margin: 0 0 5px; height: 20px;font-family: Georgia,Times,serif; text-transform: uppercase;}
h3.title a				 			{ display: block; padding: 5px 0 0; font-size: 1.1em; font-weight: bold;}
h3.title .bigheadline	 			{ font-size: 2.6em; display: block; float: left; text-transform: none; padding: 0} 

.portfolio-detail h3.title							{ font-size: 0.9em; display: block; margin: 0 0 5px; height: 29px; text-align: right; font-family: Georgia,Times,serif; text-transform: uppercase;}
.portfolio-detail h3.title a				 		{ display: block; padding: 15px 0 0; font-size: 1.1em; font-weight: bold; float: right;}
.portfolio-detail h3.title .bigheadline	 			{ font-size: 2.6em; display: block; float: left; text-transform: none; padding: 0; font-weight: normal;} 

#portfolio-web .headline 				{ border-bottom: 1px solid #FFF; margin: 0 0 10px; padding: 0 0 0;}
#portfolio-web .headline .title			{ margin: 0; padding: 0 0 5px; border-bottom: 1px solid #EAEADE; }
#portfolio-web .date	 				{ font-size: 1em; text-transform: uppercase; color: #999; font-size: 0.9em; margin: 0 0 0 0;}
#portfolio-web .desc	 				{ margin: 0 0 80px 0; height: 55px; overflow: hidden; font-size: 1.1em; line-height: 20px;}
#portfolio-web .nproject a				{ background: url(images/nproject.jpg) no-repeat; width: 209px; height: 31px; text-indent: -9999px; overflow: hidden; display: block;}
#portfolio-web .pproject a				{ background: url(images/pproject.jpg) no-repeat; width: 209px; height: 31px; text-indent: -9999px; overflow: hidden; display: block;}
#portfolio-web .portfolio-detail		{ padding: 5px 0 0;}
#portfolio-web .portfolio-detail p		{ padding: 0 10px 0 0; font-size: 1.1em; line-height: 20px}  
#portfolio-web .portfolio-detail ul li	{font-size: 1.1em; line-height: 20px}

.navtop							{ font-size: 2.2em; padding: 24px 0 10px; text-align: right; color: #999; letter-spacing:-1px; border-top: none}
.navtop a						{ color: #999}

#comment-headline .navtop,
#respond .navtop				{ padding: 3px 0 10px;}

#other ul				{ list-style-type: none; padding: 0; margin: 0}
#other h4				{ padding: 10px 0 0;}
#other ul li			{ line-height:16px; list-style-type: none; padding: 15px; text-align: right; font-family: Georgia,Times,serif; font-size: 0.9em;}
#other ul li b			{ color: #999; font-weight: normal; text-transform: uppercase; font-size: 0.8em;}
#other ul li.last		{ margin-right: 0}
#other ul li.navtop		{ font-size: 2.4em; padding: 26px 0 10px; text-align: right; color: #999; letter-spacing:-1px; border-top: none}
#other ul li a			{ font-size: 1.1em; display: block; float: left;}
#other ul li span		{ font-size: 0.9em; text-transform: none;}

#blog-post #other ul				{ list-style-type: none; margin: 0 15px 0 0; padding: 0; }
#blog-post #other ul li				{ line-height:16px; list-style-type: none; padding: 15px 0 0; text-align: right; font-family: Georgia,Times,serif; font-size: 0.9em;}
#blog-post #other ul li a			{ float: none;}

#portfolio-web .porfolio-thumbnail	  		{ padding: 0 0 5px 0;}
#portfolio-web .porfolio-thumbnail	a,
#portfolio-web .porfolio-thumbnail	a img	{ display: block;}

#mygallery-paginate		{ float: left; padding: 0; margin: 0;}
#mygallery-paginate img	{ margin: 0 5px 0 0}
#func					{ padding: 0 0 5px}

.wpcf7-form p			{ margin: 0;}

h2.contact				{ width:345px; height:104px; background: url(images/contact.gif) no-repeat;}
h2.contact a			{ width:345px; height:104px; background: url(images/contact.gif) no-repeat; text-indent: -9999px; overflow: hidden; display: block;}

#contact-cont			{ padding: 10px 0;}
#contact-cont h4		{ font-style: italic;}

#contact-form p			{ font-size: 1.1em; line-height: 21px;padding:0 10px 0 0;}
#contact-form label		{ display: block; padding: 0 5px 3px; font-weight: bold;}

#contact-form .row		{ padding: 5px 0;}
#contact-form .input	{ background: url(images/input.gif) no-repeat; border: 0; margin:0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 8px 7px; width: 100%;}
#contact-form .textarea	{ background: url(images/textarea.gif) no-repeat; border: 0; margin:0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 8px 7px; width: 100%; height: 180px;}

#alt					{ list-style-type: none; margin: 0 0 1.5em 0; font-size: 0.9em; line-height: 19px;}
#alt li					{ overflow: hidden; display: block; padding: 0 0 10px}
#alt dt					{ margin: 0; float: none; display: block; text-transform: uppercase; font-weight: normal; color: #999; padding: 0}
#alt dd					{ margin: 0; float: left; display: block; padding: 0 0 5px}

#blog					{ background: url(images/about-bg.gif) no-repeat top right; padding: 20px 0;}

h2.blog					{ width:246px; height:69px; background: url(images/blog.gif) no-repeat;}
h2.blog a				{ width:246px; height:69px; background: url(images/blog.gif) no-repeat; text-indent: -9999px; overflow: hidden; display: block;}

.blogpost 					{ font-family: georgia,serif;}
.blogpost .blogtitle		{ font-size: 2.6em; letter-spacing: -1px; margin-bottom: 0.3em;}
.blogpost .meta .blogtitle	{ font-size: 2.2em}
.date,
.blogpost .date				{ font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;letter-spacing:0.18em; color: #999; text-transform:uppercase; font-size: 0.9em;}
.blogpost .meta				{ font-size: 0.9em;}
.blogpost .meta ul			{ list-style-type: none; margin: 0 10px 0 0; text-align: right;}
.blogpost .meta ul li		{ margin: 0; padding: 15px 0;}
.blogpost .content			{ padding: 0 0 20px}
.blogpost .content p		{ font-size: 1.09em; line-height: 21px }
.blogpost .content p a		{ font-style: italic;}

.commentlist						{ list-style-type: none; margin: 0; padding: 20px 0}
.comment-author						{ margin-right: 10px; font-size:1em; height: 20px;}
.comment-author cite				{ color: #5E320B; font-weight: bold; float: left; font-style: normal; padding:0 5px 0 0;}
.comment-author .avatar				{ border: #ccc 1px solid; background: #fff; padding: 2px; display: block; float: left; margin: 0 10px 0 110px; line-height: 24px;} 
.comment-author .says				{ display: block; float: left; color: #999; font-style: italic;}

.commentmetadata	{ color:#999;font-family:'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;font-size:0.8em;letter-spacing:0.18em;text-transform:uppercase;}
.commentmetadata a	{ color:#999; }

.comment	{ padding: 0 0 20px;}
.comment p	{ margin: 5px 0 0 160px; font-size: 1.09em; line-height: 21px; width: 550px; color: #555;}

.commentlabel label,
.commentlabel label code		{ text-align: right; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}
.commentlabel label small		{ font-size: 1em; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;}

.commentform							{ padding: 5px 0;}
.commentform input[type=text],
.commentform input.text, 
.commentform input.title, 
.commentform textarea, 
.commentform select 					{ background-color:#fff;  border:1px solid #bbb; margin: 0; padding: 5px 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; margin: 3px 0;}
.commentform textarea					{ width: 550px;}
.commentform input[type=text],
.commentform input.text					{ width: 300px;} 
.commentform input[type=text]:focus, 
.commentform input.text:focus, 
.commentform input.title:focus, 
.commentform textarea:focus,
.commentform select:focus 				{ border-color:#666;}

.submitcomment	{ border: 1px solid #DEDEC4; background: #5E320B; color: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;; font-size: 12px; padding: 5px;}

input[type=text], 
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}
.contactSubmit {
	border:none;
	width:87px;
	height:31px;
	background-image:url(images/send.gif);
	background-repeat:no-repeat;
}
.captcha{
	padding: 5px 0;
}

/* Carousel Gallery CSS 
-------------------------------------------------------------- */
p.caption {	clear: both;}

.cgj_image a	{ border: 1px solid #dedec4;}
.cgj_image img  { border: 4px solid #fff;}

.carousel-controls 				{ margin: 1em 0;	}
.carousel-controls a 			{ float: left; margin: 0 10px 8px 0; border: 1px solid #dedec4}
.carousel-controls img 			{ border: 4px solid #fff;}
.carousel-controls span 		{display: none;	}
.carousel-controls .active img 	{border: 4px solid #504432;	}
.carousel-gallery ul 			{margin: 0 !important;	padding: 0 !important;	list-style: none;}
.carousel-gallery ul li 		{list-style:  none;}

.carousel-gallery 	{ position: relative;}
.jcarousel-clip 	{ z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list 	{ z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li a,
.jcarousel-item 	{ float: left;list-style: none !important;margin: 0 !important;}
.jcarousel-next 	{ z-index: 3;display: none;}
.jcarousel-prev 	{ z-index: 3;display: none;}

.stepcarousel			{ position: relative; overflow: hidden;width: 950px;height: 400px;}
.stepcarousel .belt		{ position: absolute;left: 0;top: 0;}
.stepcarousel .panel	{ float: left; overflow: hidden; width: 950px;}
.button-next			{ background: url(images/right-button.jpg) no-repeat scroll 0 0;cursor:pointer;display:block;float:left;font-size:1px;height:18px;width:18px; float: right;}


/* FOOTER
-------------------------------------------------------------- */
#sumup			{ border-bottom: 1px solid #e5e5e5; padding: 20px 0 20px;}
#footer 		{ padding: 5px 0;}
#footer p		{ margin: 0 10px 1.5em 0;}
#footer-cont	{ padding: 5px 0 0;}
#footer-cont p	{ line-height: 23px; margin: 0;}
#work			{ margin: 0;}
#works img		{ float: left; margin: 0 15px 0 0}
#works img.none	{ margin: 0}

ul.sm-icon-list							{overflow:hidden; padding: 0 2px;}
ul.sm-icon-list img						{position:absolute;left:0;top:0;border:0;}
ul.sm-icon-list .small					{display:inline;}
ul.sm-icon-list,
ul.sm-icon-list li						{list-style:none;padding:0;margin:0;}
ul.sm-icon-list li						{width:24px;height:16px;float:left;	line-height:32px;text-align:center;	position:relative;}
ul.sm-icon-list li img.small			{opacity:0.6;}
ul.sm-icon-list li a:hover img.small	{opacity:1;}	
ul.sm-icon-list li,
ul.sm-icon-list li img					{float:left;}
ul.sm-icon-list li strong				{position:absolute;left:-9000px;}


/* BROWSER FIX
-------------------------------------------------------------- */
.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}
.clear { clear:both; }